<!--底部导航-->
<div style="height: 50px;" class="bg-white width-100 border-top">
  <div class="width-25 float-l text-align-c color-text-l" nav-transition="none"
       ng-class="{0:'color-text-red'}[tabNav]" ui-sref="home">
    <div style="height:30px;line-height: 30px;" class="font-size-l width-100 text-align-c dhcfont">
      <span ng-bind="tabNav == 0?'&#xe64b;':'&#xe64c;'"></span>
    </div>
    <div style="height:17px;line-height: 17px;" class="font-size-s width-100 text-align-c">首页</div>
  </div>
  <div class="width-25 float-l text-align-c color-text-l" nav-transition="none"
       ng-class="{1:'color-text-red'}[tabNav]" ui-sref="category">
    <div style="height:30px;line-height: 30px;" class="font-size-l width-100 text-align-c dhcfont">
      <span ng-bind="tabNav == 1?'&#xe64d;':'&#xe64e;'"></span>
    </div>
    <div style="height:17px;line-height: 17px;" class="font-size-s width-100 text-align-c">分类</div>
  </div>
  <div class="width-25 float-l text-align-c color-text-l" nav-transition="none"
       ng-class="{2:'color-text-red'}[tabNav]" ui-sref="shoppingCart">
    <div style="height:30px;line-height: 30px;" class="font-size-l width-100 text-align-c dhcfont">
      <span ng-bind="tabNav == 2?'&#xe651;':'&#xe652;'"></span>
    </div>
    <div style="height:17px;line-height: 17px;" class="font-size-s width-100 text-align-c">购物车</div>
  </div>
  <div class="width-25 float-l text-align-c color-text-l" nav-transition="none"
       ng-class="{3:'color-text-red'}[tabNav]" ui-sref="personal">
    <div style="height:30px;line-height: 30px;" class="font-size-l width-100 text-align-c dhcfont">
      <span ng-bind="tabNav == 3?'&#xe64f;':'&#xe650;'"></span>
    </div>
    <div style="height:17px;line-height: 17px;" class="font-size-s width-100 text-align-c">我的</div>
  </div>
</div>
